<?php session_start();
if (isset($_SESSION['loggedIn']) && $_SESSION['loggedIn']==1) {

	require ('fonctions.php5');
	$user=$_SESSION['userId'];;   
	$eMail=$_SESSION['eMail'];;   
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
  <head>
    <title></title>
	<script src="ajaxStuff.js" language="javascript"></script>
	<script language="javascript">
		function onPageLoad() {
			
			var doc;
			doc=document.location.href;
			content = doc.substring(doc.indexOf("administration-de-mes-donnees.php5") + 33);
			
			if (content.indexOf("#ok") == -1) {
				if (content == "#domaineOk") {
					document.getElementById('messageBox').innerHTML = "<b><span style=\"color:blue;\">Nouveau domaine créé.</span></b>";
					doc=document.location.href;
					window.location.replace(doc+"#ok");
				}
				if (content == "#typeOk") {
					document.getElementById('messageBox').innerHTML = "<b><span style=\"color:blue;\">Nouveau type créé.</span></b>";
					doc=document.location.href;
					window.location.replace(doc+"#ok");
				}
				if (content == "#tagOk") {
					document.getElementById('messageBox').innerHTML = "<b><span style=\"color:blue;\">Nouveau tag créé.</span></b>";
					doc=document.location.href;
					window.location.replace(doc+"#ok");
				}
				if (content == "#pertOk") {
					document.getElementById('messageBox').innerHTML = "<b><span style=\"color:blue;\">Nouvelle pertinence créé.</span></b>";
					doc=document.location.href;
					window.location.replace(doc+"#ok");
				}
			}
			else {
				doc=document.location.href;
				nouvelUrl = doc.substring(0, doc.indexOf("administration-de-mes-donnees.php5") + 33);
				window.location.replace(nouvelUrl);
			}
		}
		
		function supprimerFromAdmin(index, attribut) {
			if ( confirm("Êtes-vous certain de vouloir supprimer ce "+attribut+" ?")) {
				// ajax call
				idToRemove = document.getElementById(attribut+":"+index+":id").value;
				userId = document.getElementById("userId").value;
				ajaxCall("admin_suppr"+attribut+".php5?userId="+userId+"&itemid="+idToRemove);
			
				document.getElementById(attribut+":"+index).parentNode.removeChild(document.getElementById(attribut+":"+index));
			}
		}
		

		function modifierFromAdmin(index, attribut) {
			
			// récupére la valeur affiché
			valeurEnBase = document.getElementById(attribut+":affichage:"+index).innerHTML;

			// on la met dans le out put, et on change le texte du bouton, et on cré un bouton annuler
			//1.on cache le formulaire
			document.getElementById(attribut+":form").style.height="0px";
			document.getElementById(attribut+":form").style.visibility="collapse";
			
			// avoir les longueurs maximales des input
			if (attribut=="tag")		{	maxL=15;	}
			if (attribut=="domaine")	{	maxL=50;	}
			if (attribut=="type")		{	maxL=50;	}
			if (attribut=="pertinence")	{	maxL=50;	}
			
			// on crée un input avec deux liens : valider annuler
			var newDiv = document.createElement("div");
			newDiv.setAttribute('id', attribut+":modif");
			newDiv.innerHTML= '<input id="modif:'+attribut+'" maxlength="'+maxL+'" value="'+valeurEnBase+'"/><br/><a href="#" onclick="adminValiderChangement(\''+index+'\', \''+attribut+'\')">Ok</a>  <a href="#" onclick="adminAnnulerChangement(\''+index+'\', \''+attribut+'\')">Annuler</a>'; 
			
			// on met effectivement ce div dans la page
			document.getElementById(attribut+":form").parentNode.appendChild(newDiv);
			
			// puis on masque toutes les <img> de la liste pour cet attribut
			toutLesLiensDansLeTd = document.getElementById("td:"+attribut).getElementsByTagName("img");
			for (i = 0; i < toutLesLiensDansLeTd.length ; i++) {
					toutLesLiensDansLeTd[i].setAttribute('height','0px');
					toutLesLiensDansLeTd[i].setAttribute("width","0px");
			}
			
			// mettre en hras le label qu'on est en trian de modifier
			document.getElementById(attribut+":affichage:"+index).style.fontWeight="bold";
			
		}
		
		function adminValiderChangement (index, attribut) {
			// on récupére des infos pour le php
			currentItemId = document.getElementById(attribut+":"+index+":id").value;
			userId = document.getElementById("userId").value;
			nouveauLib = document.getElementById("modif:"+attribut).value;
			
			// appel ajax pour modifier
			ajaxCall("admin_modif"+attribut+".php5?userId="+userId+"&itemid="+currentItemId+"&nouveauLib="+nouveauLib);
			
			// on réaffiche le formulaire et on supprimer le div créé lors du clic de la modif
			document.getElementById(attribut+":modif").parentNode.removeChild(document.getElementById(attribut+":modif"));
			
			// puis on réaffiche toutes les <img> de la liste pour cet attribut
			toutLesLiensDansLeTd = document.getElementById("td:"+attribut).getElementsByTagName("img");
			for (i = 0; i < toutLesLiensDansLeTd.length ; i++) {
					toutLesLiensDansLeTd[i].setAttribute('height','auto');
					toutLesLiensDansLeTd[i].setAttribute("width","auto");
			}
			
			// on remet le label en normal, plus en gras
			document.getElementById(attribut+":affichage:"+index).style.fontWeight="normal";
			
			// et on réaffiche le formulaire d'ajout
			document.getElementById(attribut+":form").style.height="auto";
			document.getElementById(attribut+":form").style.visibility="visible";
			
			// et finalement, le plus important, mettre dans l'affichage la nouvelle valeur
			document.getElementById(attribut+":affichage:"+index).innerHTML = nouveauLib;
		}
		
		function adminAnnulerChangement (index, attribut) {
			// on réaffiche le formulaire et on supprimer le div créé lors du clic de la modif
			document.getElementById(attribut+":modif").parentNode.removeChild(document.getElementById(attribut+":modif"));
			
			// puis on réaffiche toutes les <img> de la liste pour cet attribut
			toutLesLiensDansLeTd = document.getElementById("td:"+attribut).getElementsByTagName("img");
			for (i = 0; i < toutLesLiensDansLeTd.length ; i++) {
					toutLesLiensDansLeTd[i].setAttribute('height','auto');
					toutLesLiensDansLeTd[i].setAttribute("width","auto");
			}
			
			// on remet le label en normal, plus en gras
			document.getElementById(attribut+":affichage:"+index).style.fontWeight="normal";
			
			// et on réaffiche le formulaire d'ajout
			document.getElementById(attribut+":form").style.height="auto";
			document.getElementById(attribut+":form").style.visibility="visible";
			
		}
	
	</script>
	
	<link rel="stylesheet" type="text/css" href="style.css">
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
  
  <body onload="onPageLoad()">
  
		
<div id="top">		
		    <span><?php echo $eMail; ?></span><a href="gestion-de-ma-biblo.php5">Gestion de ma biblio</a><a href="mon-compte.php5">Mon compte</a><strong><a href="administration-de-mes-donnees.php5">Administration de mes données</a></strong><a href="deco.php5">Se déconnecter</a>
	</div>
  
    <div id="global">

		<div id="logo">
		<img src="icon_biblio.png"/>
	</div>
		
		<div id="titres">
		<h1>
			Personnaliser mon système de classement
		</h1>
		Une application web de gestion de fiches documents qui ne fait pas mal.
	</div>
	
	<div id="messageBox">
		
	</div>
	
	<input type="hidden" id="userId" value="<?php echo $user; ?>"/>
	
	<table width="100%" style="margin-top:10px">
		<thead>
			<td>
				<h3><span class="attirance">1 </span>Domaine d'une fiche</h3>
			</td>
			<td>
				<h3><span class="attirance">2 </span>Type d'une fiche</h3>
			</td>
			<td>
				<h3><span class="attirance">3 </span>Pertinences d'une fiche</h3>
			</td>
			<td>
				<h3><span class="attirance">4 </span>Tags à tagguer à volonté!</h3>
			</td>
		</thead>
		
		
		<tr>
			<td valign="top">
				<form type="post" action="javascript:insertDomaine()" id="domaine:form">
					<input maxlength="50" id="newDomaine"/><br/>
					<input type="submit" value="Créer ce domaine"/><br/><br/>
				</form>
			</td>
			<td valign="top">
				<form type="post" action="javascript:insertType()" id="type:form">
					<input maxlength="50" id="newType"/><br/>
					<input type="submit" value="Créer ce type"/><br/><br/>
				</form>
			</td>
			<td valign="top">
				<form type="post" action="javascript:insertPertinence()" id="pertinence:form">
					<input maxlength="15" id="newPertinence"/><br/>
					<input type="submit" value="Créer cette pertinence"/><br/><br/>
				</form>
			</td>
			<td valign="top">
				<form type="post" action="javascript:insertTag()" id="tag:form">
					<input maxlength="15" id="newTag"/><br/>
					<input type="submit" value="Créer ce tag"/><br/><br/>
				</form>
			</td>
			
		
		</tr>
	
		<tr>
			<td valign="top" id="td:domaine">
				<?php echo AdminDomaine($user); ?>
				
			</td>
			<td valign="top" id="td:type">
				<?php echo AdminType($user); ?>
			</td>
			<td valign="top" id="td:pertinence">
				<?php echo AdminPertinence($user); ?>
			</td>
			<td valign="top" id="td:tag">
				<?php echo AdminTag($user); ?>
			</td>
			
		
		</tr>
	
	</table>
  
	</div>
  </body>
 </html>
 
 <?php
 }
 ?>